@import url(../css.css);

body {color: #000; font-family: "Lato"; background: url(../img/maqueta/back-gral.jpeg) repeat-x center top;}

.imagen-izquierda {float: left; border: 1px solid #ccc; padding: 3px; margin-right: 14px;}
.imagen-derecha {float: right; border: 1px solid #ccc; padding: 2px; margin: 0 0 4px 12px;}
.imagen-central {border: 1px solid #ccc; padding: 3px; margin: 0 auto;}
.img-responsive {max-width: 100%; height: auto;}

.menu ul {margin: 0; padding: 0; list-style: none;} 

h5 {font-size: 30px; font-weight: 300;}

a {color: #A5DB19; outline: 0; transition: color 0.2s linear 0s, background-color 0.2s linear 0s !important;}
a:hover {/*color: #617f14;*/ color: #05935b; text-decoration: none}

/*** TOPBAR ***/

.topbar .container {border-bottom: 1px solid #ccc;}
	
	.menu.top {float: left; font-weight: 300; font-size: 16px;}
	.menu.top li {position: relative; display: inline-block;}
	.menu.top li a::before {content: "/"; display: inline-block; padding-right: 10px;}
	.menu.top li:first-child a::before {content: "" !important;}
	.menu.top li a {display: block; padding: 10px 10px 10px 0; color: #514F4F;}
	.menu.top li a:hover {color: #cfcfcf;}
	
	.topbar .banners.redes {padding-top: 10px;}

/*** NAV ***/

.nav {position: relative; margin-bottom: 30px;}
	
	.banners.logo {float: left; margin-top: 30px;}
	
	#texto_teltop {float: right; clear: right; margin-top: 35px; color: #272727; font-weight: 700; font-size: 28px;}
	#texto_teltop a {color: #272727;}
	#texto_teltop a:hover {color: #999;}
	
	.menu.principal {float: right;}
	.menu.principal li {position: relative; float: left;}
	.menu.principal a {display: block; color: #272727; padding-left: 22px; font-size: 20px; font-weight: 300;}
	.menu.principal a:hover,
	.menu.principal a.active {color: #999;}
	.menu.principal i {float: right; margin-left: 5px; margin-top: 7px;}
	.menu.principal .niv1 {display: none; position: absolute; background: #fff; min-width: 240px; border: 0; border-top: 1px solid #272727;}
	.menu.principal li:hover .niv1 {display: block; z-index: 1030;}
	.menu.principal .niv1 li {width: 100%; border-bottom: 1px solid #272727;}
	.menu.principal .niv1 a {font-size: 14px; text-transform: none; color: #333; padding: 8px 15px; font-weight: 400; line-height: 1.42857143;}
	.menu.principal .niv1 a:hover {color: #999 !important;} 
	.sub1.link38 ul {right: 0;}
	
/*** HEADER ***/

header {position: relative; margin-bottom: 10px;}
	
	.banners.rot {margin-bottom: 30px; padding-right: 0; padding-left: 0;}
	.banners.rot .slide {overflow: visible !important;}

	.menu.des li {float: left; width: 285px; height: 400px; padding: 10px 35px; margin-bottom: 40px; border-left: 1px solid #D8D8D8;}
	.menu.des .nombre {display: block; font-size: 22px; font-weight: 700;}
	.menu.des a .nombre {color: #000;}
	.menu.des a:hover .nombre {color: #05935b;}
	.menu.des .resumen {font-size: 17px; font-weight: 300;}
	
	.slidesjs-control {width: 100%;}
	.slidesjs-stop {display: none !important;}
	.slidesjs-pagination {position: absolute; text-align: center; bottom: -10px; left: 0; list-style: none; z-index:300; width: 100%;}
	.slidesjs-pagination li {display:inline; text-indent: 200px;}
	.slidesjs-pagination li a {display: inline-block; width: 10px; margin-right: 7px; height: 10px; border-radius: 10px; border: 1px solid #A5DB19; overflow: hidden;}
	.slidesjs-pagination a.active {background: #A5DB19;}
	.slidesjs-navigation {position: absolute; top: 41%; z-index: 1200;  width: 32px; height: 62px; text-indent: -250px; overflow: hidden;}
	.slidesjs-next {right: -40px; background: url(../img/maqueta/flecha-der.png) no-repeat;}
	.slidesjs-previous {left: -40px; background: url(../img/maqueta/flecha-izq.png) no-repeat;}
	
/*** HOME ***/

.home {background: #A5D817; margin-bottom: 50px;}
	
	.home .texto_pagina {padding: 60px 0; text-align: center; font-size: 40px; line-height: 50px; font-weight: 300;}
	
	.home .llamanos {display: inline-table; background: #000; color: #fff; padding: 10px 20px; margin: 15px 0;}

/*** SECTION ***/
	
	.texto_pagina iframe {width: 100% !important;}
	.news {margin-bottom: 30px;}
	.news h5 {text-align: center; margin-bottom: 40px;}
	.fechaInicio,
	.miniatura
	.titulo,
	.resumen {margin-bottom: 10px;}
	.fechaInicio {color: #241F21; font-size: 14px; font-weight: 300;}
	.titulo {font-size: 21px; font-weight: bold;}
	.titulo a {color: #241F21;}
	.titulo a:hover {color: #05935b;}
	.resumen {font-size: 16px; font-weight: 300;}
	.ver_detalles {font-weight: bold;}

	.imagen {margin: 0 0 10px 20px;}
	#articulos_detalle .resumen {margin-left: 20px; background: #e4e2ce; padding: 15px; font-size: 1.2em; margin-bottom: 20px; height: auto;}
	.descripcion {margin-left: 20px;}
	
	.galeria_videos {margin-bottom: 60px;}
	.galeria_videos h5 {text-align: center; margin-bottom: 40px;}
	.galeria_videos .listado_videos {position: relative; float: left; width: 100%; min-height: 500px;}
	.galeria_videos .registro {position: absolute; width: 23%;}
	.galeria_videos .registro.o1 {top: 0; right: 0;}
	.galeria_videos .registro.o2 {top: 50%; right: 0; transform: translateY(-50%);}
	.galeria_videos .registro.o3 {bottom: 0; right: 0;}
	.galeria_videos .registro.Principal {position: relative; float: left; width: 75%;}
	.galeria_videos .interno {float: left; width: 47%;}
    
	.fancybox-inner .nav {position: absolute; top: 50%;  -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%;}
	.fancybox-inner .nav a {position: absolute; color: #fff; display: block; outline: none; text-align: left; z-index: 1000; margin: 0 20px; padding: 10px; width: 60px; height: 60px; border-radius: 40px; background: rgba(255,255,255,0.34); -webkit-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s;}
	.fancybox-inner .nav a.prev {left: 0;}
	.fancybox-inner .nav a.next {right: 0;}
	.fancybox-inner .nav .fa {position: absolute;}
	.fancybox-inner .nav a.prev .fa {left: 13px;}
	.fancybox-inner .nav a.next .fa {right: 13px;}
	.fancybox-inner .nav .txt {position: absolute; width: 200px; top: 12px; margin: 0; color: #566473; font-weight: 400; font-size: 15px; line-height: normal; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s;}
	.fancybox-inner .nav a.prev .txt {right: 20px; -webkit-transform: translateX(100%); transform: translateX(100%);}
	.fancybox-inner .nav a.next .txt {left: 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
	.fancybox-inner .nav a:hover {width: 280px; background: #fff; color: #777;}
	.fancybox-inner .nav a:hover .txt {opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateX(0); transform: translateX(0);}
	
	.texto_pagina {margin-bottom: 10px;}
	
	.volver {margin: 15px 0; float: right; clear: both;}

	#addthis_botones {clear: both; margin-top: 20px;}
	
	.contactos.lat form {display: inline-block;}
	.contactos.lat {background: #282828; color: #fff; padding: 15px;}
	.contactos.lat input[type="text"],
	.contactos.lat textarea {width: 100% !important;}
	
	.banners.der .item {margin-bottom: 20px;}
	
	.clientes {margin-bottom: 30px; text-align: center;}
    .clientes h5 {padding: 10px; font-weight: 300; }
    .clientes li {position: relative; width: 200px; display: inline-block; margin: 10px;}
    .clientes a {display: block;}
    .clientes img { width: 100%;  height: auto;}
    .clientes .over {position: absolute; z-index: 100; top: 0; left: 0;}
	
/*** ANTEPIE ***/

.antepie {background: #282828; color: #fff;}

	.contactos.fin {margin-bottom: 30px; padding: 40px 0 0 0;}
	.contactos.fin h5 {float: left; width: 480px;}
	.contactos.fin h5 .titulo {font-size: 28px;}
	.contactos.fin .linea-directa {font-size: 21px; font-weight: 700; color: #A5DB19;}
	.contactos.fin .todos {font-size: 12px; color: #B9B9B9; font-weight: 300; padding: 15px 0;}
	
	.contactos.fin form {float: left; width: 690px;}
	.contactos.fin #grp_generales,
	.contactos.fin #grp_msg {float: left; width: 41% !important; display: inline-block;}
	.contactos.fin #grp_msg {margin-left: 2%;}
	
	.contactos.fin input[type="text"],
	.contactos.fin textarea {border: hidden; background: transparent; width: 100% !important; color: #fff !important; border-radius: 0; -webkit-box-shadow: none; border-bottom: solid 1px #bababa;}
	.contactos.fin textarea {height: 102px;}
	.contactos .btn {float: right; background: url(../img/maqueta/send.png) no-repeat center top transparent;  padding-top: 45px; color: #A5DB19 !important; border: hidden; border-radius: 0; text-transform: uppercase; margin-top: 30px;}
    
    .contactos.fin .msg { float: left; margin-top: 10px;}
    
/*** FOOTER ***/

footer {padding: 30px 0;}
	
	footer .banners.logo,
	.panel_newsletter {border-bottom: 1px solid #DFDFDF; padding-bottom: 15px;}
	footer .banners.logo img {max-width: 225px;}
	
	.panel_newsletter {padding-top: 35px;}
	.panel_newsletter h5 {float: left; margin-right: 20px; font-size: 20px; font-weight: 300;}
	.panel_newsletter input {width: 96% !important; font-size: 13px; }
	.panel_newsletter form,
	.panel_newsletter .form-actions {float: left;}
	.panel_newsletter form {width: 310px;}
	.panel_newsletter fieldset {float: left; width: 240px;}
	
	.menu.pie {font-weight: 300; font-size: 16px;}
	.menu.pie li {display: inline-block;}
	.menu.pie li a::before {content: "/"; display: inline-block; padding-right: 10px;}
	.menu.pie li:first-child a::before {content: "" !important;}
	.menu.pie li a {display: block; padding: 10px 10px 10px 0; color: #514F4F;}
	.menu.pie li a:hover {color: #cfcfcf;}
	
	footer .banners.redes {margin-bottom: 20px; padding-top: 3px;}
	.banners.redes h5 {font-size: 15px; display: inline-block; color: #272727;}
	.banners.redes .item {display: inline-block; margin-right: 3px;}
	
	#texto_pie {font-size: 12px; padding-top: 15px;}
	#texto_pie a {color: #272727;}
	#texto_pie a:hover {color: #999;}

@media (max-width: 1270px) {
    .slidesjs-next {right: 0; }
	.slidesjs-previous {left: 0; }
}

/* Portrait tablet to landscape and desktop (1024) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    
    .topbar .banners.redes {float: right;}
    
    .banners.logo,
    #texto_teltop,
    .menu.principal {width: 100%;}
    .banners.logo img {margin: 0 auto;}
    
    #texto_teltop,
    .menu.principal {text-align: center;}
    
    .menu ul {display: inline-block;}
    .menu.des li {width: 33%; min-height: 500px;}
    
    .contactos.fin h5 {width: 100%; text-align: center;}
    .contactos.fin form {width: 100%; padding: 20px;}
    
    .panel_newsletter {display: inline-block;}
    .panel_newsletter form, 
    .panel_newsletter .form-actions{padding-top: 5px;}
    
    .galeria_videos {margin-bottom: 30px;}
    .galeria_videos .registro.Principal,
    .galeria_videos .principal,
    .galeria_videos .secundario {float: left; position: relative !important; top: inherit !important; margin-top: 10px; width: 90% !important; height: auto !important; margin-left: 5%; transform: translateY(0) !important;}
    
    .panel_destacados.news .registro {margin-bottom: 40px;}
    
    .container .col-sm-8 h1,
    .container .col-sm-8 h2,
    .texto_pagina p { width: 90%; margin-left: 5%; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    h1,
    h2,
    h3,
    h4,
    h5 {width: 96%; margin-left: 2%; text-align: center;}
    h1 {font-size: 24px;}
    h2 {font-size: 20px;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
    h5 {font-size: 14px; margin-bottom: 20px;}
    
    .topbar .banners.redes {float: right;}
    
    #texto_teltop {margin-top: 20px; font-size: 18px; width: 100%; text-align: center;}
    
    .banners.logo {width: 90%; margin-left: 5%;}
    
    .menu.principal li {width: 100%; text-align: center; border-bottom: 1px #CCC solid;}
    .menu.principal ul li:first-child {border-top: 1px #CCC solid; margin-top: 20px;}
    .menu.principal li a i {display: none;}
    
    .menu.des li {margin-bottom: 0; height: auto;}
    
    .panel_newsletter {display: inline-block;}
    .panel_newsletter form {width: 100%;}
    .panel_newsletter .form-actions {text-align: center; width: 100%; margin-top: 10px;}
    
    .home .texto_pagina p {width: 90%; margin-left: 5%; font-size: 15px; line-height: 20px;}
    
    .contactos.fin h5,
    .contactos.fin form,
    .contactos.fin #grp_generales, 
    .contactos.fin #grp_msg {width: 90% !important; margin-left: 5%;}
    
    .galeria_videos {margin-bottom: 30px;}
    .galeria_videos .registro.Principal,
    .galeria_videos .principal,
    .galeria_videos .secundario {float: left; position: relative !important; top: inherit !important; margin-top: 10px; width: 90% !important; height: auto !important; margin-left: 5%; transform: translateY(0) !important;}
    
    .fancybox-inner .titulo,
    .fancybox-inner .nav {display: none;}
    
    .home .llamanos {display: block;}
    
    .news .registro { margin-top: 20px;}
    
    footer .banners.redes,
    #texto_pie {text-align: center;}
    
    
}